<div class="app-type-radio-button-wrapper">
  <ng-container *ngFor="let type of types">
    <input class="app" type="radio" (change)="emitChange()" [value]="type" [(ngModel)]="selected" [id]="type.prefix" />
    <label class="cnsl-type-radio-button" [for]="type.prefix">
      <div class="cnsl-type-radio-header" [ngStyle]="{ background: type.background }">
        <span>{{ type.prefix }}</span>
      </div>
      <p>{{ type.titleI18nKey | translate }}</p>
      <p class="type-desc cnsl-secondary-text">{{ type.descI18nKey | translate }}</p>
      <span class="fill-space"></span>
      <span class="cnsl-type-protocol state" *ngIf="type.protocol">{{ type.protocol }}</span>
    </label>
  </ng-container>
</div>
